/*创建人：Totoro */
.chat-suspension{
    width: 150px;
    height: 110px;
    background-color: #fff;
    border: 1px solid lightgray;
    box-shadow:1px 1px 3px red,2px 2px 3px yellow,3px 3px 3px orange;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999999
}

.chat-title{
    text-align: center;
}

.title-text{
    font-weight: bold;
    color: cornflowerblue;
}

.area{position: relative;}
/*up-box*/
.popup-wrap.up-box{position: fixed;background: #fff;box-shadow: 0 1px 2px 2px #ccc;bottom: 115px;right: 10px;border-radius: 6px; z-index: 999999}
.up-box .popup-con{width: 100%;height: 100%;position: relative;padding: 10px;box-sizing: border-box;font-size: 13px;color: #666;line-height: 24px;}
.up-box .popup-con:before{width: 10px; height: 10px;background: #fff;content:'';position: absolute;
    top: -5px;left: 50%;margin-left: -5px;transform: rotate(45deg);box-shadow: 0 1px 2px 2px #ccc;}
.up-box .popup-con:after{width: 100%;height: 10px;background: #fff;position: absolute;z-index: 10;top: 0;left: 0;content:'';
    border-radius: 6px;display: block;}
/*down-box*/
.popup-wrap.down-box{position: fixed;background: #fff;box-shadow: 0 1px 2px 2px #ccc;bottom: 115px;right: 10px;border-radius: 6px; z-index: 999999}
.down-box .popup-con{width: 100%;height: 100%;position: relative;padding: 10px;box-sizing: border-box;font-size: 13px;color: #666;line-height: 24px;}
.down-box .popup-con:before{width: 10px; height: 10px;background: #fff;content:'';position: absolute;
    bottom: -5px;left: 50%;margin-left: -5px;transform: rotate(45deg);box-shadow: 0 1px 2px 2px #ccc;}
.down-box .popup-con:after{width: 100%;height: 10px;background: #fff;position: absolute;z-index: 10;bottom: 0;left: 0;content:'';
    border-radius: 6px;display: block;}


